<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
    </style>
</head>
<ul class="ul">
    <img src="" alt="">
</ul>

<body>
    <script>
        // 192.168.61.152
        const ul = document.querySelector('.ul')
        const api = `http://192.168.61.152:8848/api/news`
        fetch(api).then(res => res.json()).then(res => {
            console.log(res)
            const arr = res
            const resArr = arr.map(el => {
                return `
                 <li>${el.title}</li>
                 <img src="${el.pic_url}" alt="">
                `
            })
            ul.innerHTML = resArr.join()
        })

    </script>
</body>

</html>